/*布局*/
html, body, div, p, ul, li, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, em {
  //font-family:Microsoft YaHei, PingFangSC-Regular, PingFang SC,sans-serif;
  font-family: BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  margin:0; padding:0;
}
body {
  color: #000;
  -webkit-text-size-adjust: none; line-height: 1.42858; font-size: 14px;
}
h1, h2, h3, h4, h5, h6, p{white-space: pre; letter-spacing: 1px; font-weight: normal;}
a {text-decoration: none; color: inherit; font-size: inherit;}
ul, ol {list-style: none outside; }
:focus, :active {outline: none }
/*input中的placeholder设置*/
input::-webkit-input-placeholder {color: #a0a0a0;}
/*关于解决输入框背景颜色*/
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select {appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 1px solid #a9a9a9; padding-left: 4px; border-radius: 0;}
select::-ms-expand { display: none; }
@c-blue: #0095eb;

@c-black-85: rgba(0,0,0,0.85);

@c-white-100: rgba(255, 255, 255, 1);

//button{
//  &:hover{
//    cursor: pointer;
//  }
//}
//自定义宽高
.w-h(@width: 100%, @height: 100%){
  width: @width;
  height: @height;
}

//水平垂直居中
.pos-center(){
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

//平移变化
.transform-translate(@x: 0, @y: 0){
  -webkit-transform: translate(@x, @y);
  -moz-transform: translate(@x, @y);
  -ms-transform: translate(@x, @y);
  -o-transform: translateX(@x);
}

//旋转变化
.transform-rotate(@deg: 0){
  -webkit-transform: rotate(@deg);
  -moz-transform: rotate(@deg);
  -ms-transform: rotate(@deg);
  -o-transform: rotate(@deg);
}
//字体缩放
.transform-scale( @num: 1 ){
  -webkit-transform: scale(@num);
  -o-transform: scale(@num);
  -moz-transform: scale(@num);
  -ms-transform: scale(@num);
}
//字体缩放
.fit-content(){
  width: fit-content;
  width: -moz-fit-content;
}

.font-16{
  font-size: 16px;
}
.font-18{
  font-size: 18px;
}
.font-20{
  font-size: 20px;
}
.h-100{
  height: 100%;
}

//加粗
.bold{
  font-weight: bold;
}
.inline-block{
  display: inline-block;
}
.float-r{
  float: right;
}
//加下划线
.underline{
  text-decoration: underline;
}
//超出省略
.over-ellipsis{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.clearfloat{
  clear:both;
  display: table;
  height:0;
  font-size: 1px;
  line-height: 0px;
}

//按钮
.opt-btns{
  display: inline-block;
  .opt-btn{
    width: inherit;
    display: inline-block;
    border-radius:15px;
    padding: 0 26px;
    font-size: 18px;
    line-height: 32px;
    height: 32px;
    &:hover{
      cursor: pointer;
    }
  }
  .opt-btn.m-btn-lightblue{
    background: rgba(0, 149, 235, 0.18);
    box-shadow:0px 6px 6px 0px rgba(0,149,235,0.18);
    border:1px solid rgba(0,149,235,0.5);
    color: #0095EB;
  }
  .opt-btn.m-btn-blue{
    background:linear-gradient(305deg,rgba(0,149,235,1) 0%,rgba(44,178,255,1) 100%,rgba(44,178,255,1) 100%);
    box-shadow:0px 6px 6px 0px rgba(0,149,235,0.4);
    border: none;
    color: #fff;
  }
}

.display-flex(@direction: "column"){
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-direction: @direction;
  -webkit-flex-direction: @direction;
  -moz-flex-direction: @direction;
}
.flex(@n: 1){
  flex: @n;
  -webkit-flex: @n;
  -moz-flex: @n;
}





